import "./public.css";
import React from 'react';
import ReactDOM from 'react-dom';
import "./Mv.css";

class MvName extends React.Component {
  render() {
    return (
      <div>
          <div id="mv_title">
              <div className="margin">
                  <div className="area clear">
                      <h3>地区</h3>
                      <div className="clear warp">
                          <a href="javaScript:">全部</a>
                          <a href="javaScript:">内陆</a>
                          <a href="javaScript:">港台</a>
                          <a href="javaScript:">欧洲</a>
                          <a href="javaScript:">韩国</a>
                          <a href="javaScript:">日本</a>
                          <a href="javaScript:">其他</a>
                      </div>
                  </div>
                  <div className="styles clear">
                      <h3>类型</h3>
                      <div className="clear warp">
                          <a href="javaScript:">全部</a>
                            <a href="javaScript:">官方版</a>
                            <a href="javaScript:">影视原声</a>
                            <a href="javaScript:">舞蹈</a>
                            <a href="javaScript:">混音版</a>
                            <a href="javaScript:">KTV版</a>
                            <a href="javaScript:">音乐电影</a>
                            <a href="javaScript:">演唱会</a>
                            <a href="javaScript:">颁奖礼</a>
                            <a href="javaScript:">动漫</a>
                            <a href="javaScript:">翻制版</a>
                            <a href="javaScript:">预告版</a>
                            <a href="javaScript:">花絮版</a>
                            <a href="javaScript:">游戏</a>
                            <a href="javaScript:">广告</a>
                            <a href="javaScript:">创意</a>
                            <a href="javaScript:">搞笑</a>
                            <a href="javaScript:">制服</a>
                            <a href="javaScript:">一镜到底</a>
                            <a href="javaScript:">迷幻</a>
                            <a href="javaScript:">重口味</a>
                            <a href="javaScript:">鬼畜</a>
                            <a href="javaScript:">穿越</a>
                            <a href="javaScript:">剧情</a>
                            <a href="javaScript:">清新</a>
                            <a href="javaScript:">民族风</a>
                            <a href="javaScript:">弹奏</a>
                            <a href="javaScript:">景色</a>
                            <a href="javaScript:">杀马特</a>
                            <a href="javaScript:">戏曲</a>
                            <a href="javaScript:">儿歌</a>
                      </div>
                  </div>
                  <div className="years">
                      <h3>年份</h3>
                      <div className="clear warp">
                          <a href="javaScript:">全部</a>
                            <a href="javaScript:">2017</a>
                            <a href="javaScript:">2016</a>
                            <a href="javaScript:">2015</a>
                            <a href="javaScript:">2014</a>
                            <a href="javaScript:">2013</a>
                            <a href="javaScript:">2012</a>
                            <a href="javaScript:">2011</a>
                            <a href="javaScript:">2010</a>
                            <a href="javaScript:">00年代</a>
                            <a href="javaScript:">其他</a>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      
    );
  }
}
module.exports = MvName;